<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        表单 
        1、应用场景：注册、登录等需要进行数据提交审核的需求下
        2、作用：负责网页的“数据采集”---（拓展：发送给后端---进行数据库数据的CRUD---反馈）
        3、表单关键词form----注意：容易from（来自...）混合
        4、表单的构成元素
            最外侧容器form
            输入框input
            按钮button
        5、type属性
            input中不同的type属性值表示不同的控件类型
    -->
    <form action="">
        账号：<input type="text">
        <br><!--手动换行-->
        密码：<input type="text">
        <br><!--手动换行-->
        <!-- 文本按钮 -->
        <button>登录</button>
        <!-- 图片按钮 -->
        <button>
            <img 
                src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3604813815,3296168693&fm=26&gp=0.jpg" 
                alt=""
                width="100"
                height="100"
            >
        </button>
    </form>
</body>
</html>